/*
	Theme Name: SPUD
	Theme URI: http://www.typeslashcode.com/spud
	Description: A theme created by <a href="http://www.typeslashcode.com" target="_blank">typeslashcode</a>.
	Version: 0.01	
	Author: Type/Code
	Author URI: http://blog.typeslashcode.com/
*/

* {
    margin:0;
    padding:0;
}

body {
    background-color:#FFF;
    color:#3f3f3f;
    font:normal 100% Georgia, Times New Roman, serif;
    margin:0;
    padding:0;
}
p{ line-height:1.416em; }
a {
    color: #242424;
    text-decoration:none;
    outline-style:none;
    outline-width:0;
    padding: 2px 1px 1px 1px;
    
}
p a, li a{
	/*border-bottom: 1px dotted #454545;*/
	text-decoration:underline;
}
	a:hover{ color: #9b9b9b; cursor: pointer; }
	a:active { position: relative; top: 1px; left:1px; border:none; padding: 2px 1px 1px px; }
	a img { border:none; }
img { margin: 4px; max-width:100%; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-style: italic;
    font-weight:bold;
    color:#231f20;
    border-bottom: none;
    padding: 0;
}
h1 { font-size:1.6em; padding-bottom: 1em; }
h2 { font-size: 1.3em; padding-bottom: 0.6em; }
h3 { font-size: 1em; padding-bottom: 0.5em; }
ul { list-style-type:disc; }
blockquote {
    background-image: url('images/blockquote.png');
    background-position: top left;
    background-repeat: no-repeat;
    margin:0em 0 0em 0.0em;
    padding:1.5em 0 1.5em 3.5em;
    font-style:italic;
}

.offset-left { border-left: 35px solid #E9E9E9; }
/*.show { visibility: visible; }
.hide { visibility: hidden; }*/

img.header_logo{
	margin: 50px 0px 30px 0px;
}

div#container {
    width: 736px;
    margin: 0 auto;
    overflow: hidden;
}
    div#container img.logo-large {
        margin: 80px auto 40px;
        width: 567px;
        height: 162px;
        display: block;
    }

div#header {
    position: absolute;
    background-color: #231F20;
    width: 736px;
    height: auto;
    overflow: hidden;
}
    ul#navigation {
        float:left;
        list-style-type: none;
        font-size: 13px;
        text-transform: uppercase;
        padding: 10px;
        overflow: hidden;
    }
    ul#navigation li {
        float: left;
        color: #bcbcbc;
        padding:0px 10px 0px 11px;
        border-right: 1px solid #383838;
    }
        ul#navigation li a { color: #BCBCBC; letter-spacing: .06em; border-bottom: none; text-decoration:none; }
        ul#navigation li a:hover { color: #FFF; }
    
    a.rss_icon {
        float: left;
        display: block;
        border-bottom: none;
        background-image: url(images/rss_sprite.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        padding: 0;
        margin: 10px 0 0 4px;
    }
	
	a.rss_icon:hover {
		background-position: 0px -16px;;
	}
    
    div#header form {
        float: right;
        display: block;
        margin: 5px 5px 0px 0px;
    }

div#content {
    float: left;
    width: 512px;
	padding-left:4px;
}
	div#content.tumblr{ float:none;margin:auto; }
    div#content div.posts-nav a {
        /*float: left;
        width: 50%;*/
        font-size: 13px;
        /*padding: 3px 0px;*/
        /*border-bottom: none;*/
    }
    .left {float: left;}
    .right {float: right;}
    
/* POSTS */

    div.post { 
		width: 100%; 
		margin-bottom:50px;
	}
        div.authoring-info {
            font-size: 13px;
        }
            div.authoring-info > a {
                margin: 0 10px 0 2px;
            }
			
			div.authoring-info > a:hover {
				text-decoration:underline;	
			}
            div.authoring-info span {
                border-left:1px solid #dadada;
                padding:0 0 0 15px;
                word-spacing:0.2em;
			}
            div.authoring-info ul {
                margin: 0.6em 0 1.5em 0;
                list-style-type: none;
                width: 100%;
                overflow: hidden;
                font-size: 12px;
                color: #7C7C7C;
            }
            div.authoring-info ul li {
                float: left;
            }
            div.authoring-info ul li.first {
                margin: 0 5px 0 0;
            }
			div.authoring-info ul li a {
                text-decoration:none;
            }
			
			div.authoring-info ul li a:hover {
				text-decoration:underline;
			}
        div.post-comment-controls {
            overflow: hidden;
            font-size: 14px;
            list-style-type: none;
            margin: 1em 0;
            width: 100%;
            overflow: hidden;
            color: #4C4C4C;
        }
        div.post-comment-controls dl, dt, dd { float: left; }
        div.post-comment-controls dl { margin: 0 1em 0 0; }
        div.post-comment-controls dd { border-right: 1px solid #dadada; padding: 0 15px 0 0; }
        div.post-comment-controls dt {
            font-size: 1.5em;
            font-weight: normal;
            margin: -5px 0.3em 0 0;
        }
        div.post-comment-controls a.comment-toggle { text-decoration:underline; }
        div.post-comment-controls ul { float: right; margin: 0 10px; }
            div.post-comment-controls ul li { float: left; list-style-type: none; margin:0 0 0 11px; }
            div.post-comment-controls ul li.first {}
            div.post-comment-controls ul li a { border: none; }
            /* change bg img for li depending on user touchpoint icon */
			ul li.user-touchpoint a { display:block; background-position: center center; background-repeat: no-repeat; width: 16px; height: 13px; }
				ul li.user-touchpoint a span { display:none; }
            ul li.facebook a { background-image: url('images/socIcon_facebook.png'); background-position: 0 0;}
			ul li.facebook a:hover { background-position: 0 -16px; } 
			ul li.twitter a { background-image: url('images/socIcon_twitter.png'); background-position: 0 0; }
			ul li.twitter a:hover { background-position: 0 -16px; }
            ul li.delicious a { background-image: url('images/socIcon_delicious.png'); background-position: 0 0; }
			ul li.delicious a:hover { background-position: 0 -16px; }
            ul li.digg a { background-image: url('images/socIcon_digg.png'); background-position: 0 0; }
            ul li.digg a:hover { background-position: 0 -16px; }a:hover { background-position: 0 -16px; }
			
        div.post-content { font-size: 14px; }
            div.post-content p{
	                              padding-bottom:1.416em;
	                          }
			div.post-content cite.caption{
	                              margin-top:-1.6em;
	font-size:0.8em;
	color:#666666;
	                          }
				.tumblr div.post-content p { margin-bottom:1em; }
            div.post-content img{
	                              max-width:100%;
	                              /*padding:1px;
	                              border:1px solid #cccccc;*/
	                            }
            div.post-content .more-link{
	                            line-height:2.832em; 
							}
			div.post-content .more-link{ text-decoration: underline; }
			div.post-content .post-part2{ height:0px;overflow:hidden; }
			div.post-content .post-part2-loader{ opacity:0.0; height:0px; overflow:visible; text-align:center; width:100%; position:relative; }
			div.post-content .post-part2-loader img { display:inline; top:-36px; position:absolute; left:50%; }
			
	    p.wp-caption-text { font-size: 0.75em; }
        div.post-comments { height:0px;overflow:hidden; }
            div.comment { padding: 0px 24px 0; margin: 0px 0; overflow: hidden;}
            div.comment h3 { float: left; color: #4c4c4c; margin: 0 10px 2px 0; }
			div.comment h3.cAdd { float: left; color: #4c4c4c; margin: 0 0 18px 0; }
            /*div.comment > span { float: left; font-size: 12px; color: #949393; padding-left: 10px;  border-left: 1px solid #949393; }*/
			div.comment > span { float: left; font-size: 12px; color: #949393; padding: 3px 0 0 0; margin-bottom: 12px; }
            div.comment em { float: left; font-size: 12px; color: #949393; margin-bottom:1em; }
            div.comment p {
                float: left;
                font-size:14px;
                margin-bottom:1.416em;
				min-width: 400px;
            }
            div.comment form { padding:2px; }
            div.comment input[type="text"] { display: block; margin: 0 0 1em 0; clear:left;padding: 4px; width: 200px;border:1px solid #aaaaaa; border-bottom-color:#e1e1e1; border-right-color:#e1e1e1; box-shadow:inset 1px 1px 4px #C7C7C7; -moz-box-shadow:inset 1px 1px 4px #C7C7C7; -webkit-box-shadow:inset 1px 1px 4px #C7C7C7; font-family: Georgia, "Times New Roman", Times, serif; color:#4C4C4C; line-height: 1.416em; font-size: 12px;
			}
			div.comment input[type="submit"] { clear:both;float:left; cursor: pointer; }
            div.comment textarea { margin: 0 0 1em 0; padding: 4px; width: 100%; border:1px solid #aaaaaa; border-bottom-color:#e1e1e1; border-right-color:#e1e1e1; box-shadow:inset 1px 1px 4px #C7C7C7; -moz-box-shadow:inset 1px 1px 4px #C7C7C7; -webkit-box-shadow:inset 1px 1px 4px #C7C7C7; font-family: Georgia, "Times New Roman", Times, serif; color:#4C4C4C; line-height: 1.416em; font-size: 14px;
			}
            div.comment form a { float: left; font-size: 13px; margin: 0px 5px 0px 10px; }
			div.comment input[type="hidden"] { display:none; } /*slide toggle jolt fix*/
			div.comment input:focus { background-color: #f5f5f5;  }
			div.comment textarea:focus { background-color: #f5f5f5; }

/* SIDEBAR */
div#sidebar {
    float: right;
    overflow: hidden;
    height: 100%;
    width: 200px;
	font-size: 14px;
}
    div#sidebar h3 { color: #454545; line-height: 2.2; /*margin-bottom: 1em;*/ }
	div#sidebar h4 { color: #454545; line-height: 2.2; font-size:12px; padding-left:20px; }
    div#sidebar p {
        color: #3f3f3f;
        line-height: 1.416em;
        margin-bottom:0.708em;
    }
    div#sidebar ul {
        color:#818181;
        font-size:15px;
        line-height:1.416em;
        list-style-type:none;
        margin-bottom:1.8em;
        overflow: hidden;
		padding-bottom:2px;
    }
	div#sidebar ul.encasement {
		margin-bottom:0;
		padding-bottom:0;
	}
    div#sidebar ul.wp-tag-cloud li {
        display:inline;
        margin: 0 .05em;
    }

.wp-tag-cloud{
	
}
	.wp-tag-cloud a{
		border-bottom:none;
		text-decoration:none;
	}

.tumblr_posts{
	
}
.tumblr_post{
	width:200px;
}
	.tumblr_photo{
		width:200px;
	}
	.tumblr_caption{
		display:none;
	}
		.tumblr_caption p{
			font-size:11px;
			padding-left:5px;
		}
			.tumblr_caption p a{
				padding-bottom:1px;
			}
	.tumblr_title{
		font-size:12px;
	}
	.tumblr_body{
		display:none;
	}
		.tumblr_body p{
			padding-left:11px;
		}

/* FOOTER */
div#footer {
    float: left;
    width: 100%;
    margin-top: 5em;
    border-bottom: 11px solid #231F20;
}
    div#footer ul { list-style-type: none; font-size: 15px; }
    div#footer ul li { float: left; margin: 0 10px 10px; }
    div#footer ul li a { color: #bdbbbb; border-bottom: none; text-decoration:none; }
    div#footer ul li a:hover { color: #4C4C4C; }
	div#footer ul li.first { margin-left: 0; }
    div#footer ul li.last { font-size: 12px; color: #999999; float: right; }
    